<template>
  <div class="about">
    <h1>This is an about page</h1>
    <!-- <div style="width:100px; height: 100px">
      <img style="width:100px; height: 100px" src="https://pics1.baidu.com/feed/203fb80e7bec54e79d728717379a045a4ec26a4e.jpeg@f_auto?token=ef87b856eef4f85963145d7b16c8cd32" alt="">
    </div> -->
    <div>{{list}}</div>
  </div>
</template>
<script>
import { houseApi } from '@/api/house';
export default {
  data(){
    return{
      list: []
    }
  },
  created(){
    console.log('About 创建了');
    this.getData()
  },
  methods: {
    async getData(){
      const res = await houseApi({
        cityId: 'AREA|88cff55c-aaa4-e2e0',
        start: 1,
        end: 2000
      })
      console.log(res);
      this.list = res.body.list
    }
  },
  destroyed(){
    console.log('About 销毁了');
  },
}
</script>
